<!DOCTYPE html>
<html>
     <head>
        <title>宋濟川地產</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="dist/css/swiper.min.css" rel="stylesheet" type="text/css"/>
        <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto[gallery2] main stylesheet" charset="utf-8" />
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/sjc.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
        <div class="top"><div class="logo"><img src="images/4.jpg"></div></div>
        <div class="col-nav text-center">
             <div class="col-md-12 nav-btn text-center"><i class="fa fa-bars nav-ico"></i></div>
            <ul>
                <li><a href="index.html">首頁</a></li>
                <li><a href="about.html">關於我們</a></li>
                <li><a href="market.html">市場動態</a></li>
                <li class="active"><a href="search.html">樓盤信息</a></li>
                <li><a href="contact.html">聯繫我們</a></li>
            </ul>
        </div>
        <div class="deatail">
            <div class="container">
                <div class="col-md-6 p-0">
                    <div class="swiper-container swiper1">
                            <div class="swiper-wrapper fleft gallery clearfix">
                                <div class="swiper-slide h-325 load-i"><a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><img src="images/4.jpg"></a></div>
                                <div class="swiper-slide h-325 load-i"><a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><img src="images/4.jpg"></a></div>
                                <div class="swiper-slide h-325 load-i"><a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><img src="images/4.jpg"></a></div>
                            </div>
                            <div class="swiper-button-next swiper-button-next1"><i class="fa fa-angle-right slide-ico"></i></div>
                            <div class="swiper-button-prev swiper-button-prev1"><i class="fa fa-angle-left slide-ico"></i></div>
                   </div>
                </div>
                <div class="col-md-6 h-325 bg load-h">
                     <div class="market-title">
                            <div class="col-md-6 col-xs-8">
                               <h3><a>水中花園</a><span>出租</span></h3>
                            </div>
                            <div class="col-md-6 col-xs-4 text-right title-right">$360000</div>
                        </div>
                       <p>
                        水中歡歡水中花園水中歡歡水中花園水中歡歡水中花園水中歡歡水中花園
                        水中歡歡水中花園水中歡歡水中花園水中歡歡水中花園水中歡歡水中花園
                        </p>
                        <p class="col-md-8 col-xs-8 p-0 area">
                            面積：<span>1231m<sup>2</sup></span>
                        </p>
                        <p class="col-md-8 col-xs-8 p-0 area">
                             房型：<span>2</span>室<span>2</span>廳<span>2</span>衛
                        </p>
                        
                    <div class="col-md-12 col-xs-12 p-0"><span class="call"><i class="fa fa-phone call-ico"></i></span><span class="call-font">0756-8888888888</span></div>
                  
      </div>
			<div class="bdsharebuttonbox" data-tag="share_1">
	<a class="bds_mshare" data-cmd="mshare"></a>
	<a class="bds_qzone" data-cmd="qzone" href="#"></a>
	<a class="bds_tsina" data-cmd="tsina"></a>
	<a class="bds_baidu" data-cmd="baidu"></a>
	<a class="bds_renren" data-cmd="renren"></a>
	<a class="bds_tqq" data-cmd="tqq"></a>
	<a class="bds_more" data-cmd="more">更多</a>
	<a class="bds_count" data-cmd="count"></a>
</div>
<script>
	window._bd_share_config = {
		common : {
			bdText : '自定义分享内容',	
			bdDesc : '自定义分享摘要',	
			bdPic : 'http://i2.ytimg.com/vi/1F7DKyFt5pY/default.jpg'
		},
		share : [{
			"bdSize" : 16
		}],
		slide : [{	   
			bdImg : 0,
			bdPos : "right",
			bdTop : 100
		}],
		image : [{
			viewType : 'list',
			viewPos : 'top',
			viewColor : 'black',
			viewSize : '16',
			viewList : ['qzone','tsina','huaban','tqq','renren']
		}],
		selectShare : [{
			"bdselectMiniList" : ['qzone','tqq','kaixin001','bdxc','tqf']
		}]
	}
	with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
</script>
				</div>
                <div class="introduction">
                   <h3>物業簡介</h3>
                   <p>text</p>
              
                </div> 
               <div class="similar-li fleft gallery clearfix">
                   
                   <div class="col-md-12"> <h3>外景圖</h3></div>
                 
                        <div class="col-md-4">
                            <div class="h-207">
                                <a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><img src="images/5.jpg"></a>
                             </div>
                    
                        </div>
                           <div class="col-md-4">
                            <div class="h-207">
                                <a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><img src="images/5.jpg"></a>
                             </div>
                    
                        </div>
                    
                    
                             <div class="col-md-4">
                            <div class="h-207">
                                <a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><img src="images/5.jpg"></a>
                             </div>
                    
                        </div>
                  
                          <div class="col-md-4">
                            <div class="h-207">
                                <a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><img src="images/5.jpg"></a>
                             </div>
                    
                        </div>
                           <div class="col-md-4">
                            <div class="h-207">
                                <a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><img src="images/5.jpg"></a>
                             </div>
                    
                        </div>
                    
                    
                             <div class="col-md-4">
                            <div class="h-207">
                                <a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><img src="images/5.jpg"></a>
                             </div>
                    
                        </div>
                   
                       
                    
           
                
             
                   
                   <div class="col-md-12"><h3>內景圖</h3></div>
                 
                            <div class="col-md-4">
                            <div class="h-207">
                                <a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><img src="images/5.jpg"></a>
                             </div>
                    
                        </div>
                           <div class="col-md-4">
                            <div class="h-207">
                                <a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><img src="images/5.jpg"></a>
                             </div>
                    
                        </div>
                    
                    
                             <div class="col-md-4">
                            <div class="h-207">
                                <a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><img src="images/5.jpg"></a>
                             </div>
                    
                        </div>
                             <div class="col-md-4">
                            <div class="h-207">
                                <a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><img src="images/5.jpg"></a>
                             </div>
                    
                        </div>
                           <div class="col-md-4">
                            <div class="h-207">
                                <a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><img src="images/5.jpg"></a>
                             </div>
                    
                        </div>
                    
                    
                             <div class="col-md-4">
                            <div class="h-207">
                                <a href="images/4.jpg"  rel="prettyPhoto[gallery2]"><img src="images/5.jpg"></a>
                             </div>
                    
                        </div>
                   
                       
                    
           
                          
                </div>    
                <div class="col-md-12 map">
                    <div>  
                    <img src="images/4.jpg">
                    <a class="map-btn" data-toggle="modal" data-target="#myModal" data-to="22.345775" data-po="113.4145466">查看地圖</a>
                    </div> 
                </div>   
            </div>
        </div>
        <div class="messge">
                <div class="messge_nav">聯繫我們</div>
                <div class="message_content">
                  <form action="#" method="post" id="form_message">
                    <input class="message_input " type="text" name="contacts" onfocus="if (value == '姓名') {
                          value = ''
                      }" onblur="if (value == '') {
                                  value = '姓名'
                              }" value="姓名" />
                    <input class="message_input" type="text" name="phone" onfocus="if (value == '電話') {
                                          value = ''
                                      }" onblur="if (value == '') {
                                                  value = '電話'
                                              }" value="電話" />
                    <input class="message_input" type="text" name="email" onfocus="if (value == '郵箱') {
                                                          value = ''
                                                      }" onblur="if (value == '') {
                                                                  value = '郵箱'
                                                              }" value="郵箱" />
                    <textarea class="message_text_area" name="content"></textarea>
                    <input class="message_button" type="submit" value="發送" />
                  </form>
                </div>
              </div>
        <div class="col-md-12 copyright text-center">Copyright © 2015 2010宋濟川地產公司.版權所有</div>
        <a class="go-top"><i class="fa fa-angle-up"></i></a>
        <!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog map-modal">
    <div class="modal-content">
      
      <div class="modal-body m-b-0">
          <div class="gmap3"></div>
      </div>
      
    </div>
  </div>
</div>
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script> 
        <script src="dist/js/swiper.js" type="text/javascript"></script>
       <!-- <script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>-->
        <script src="js/gmap3.min.js" type="text/javascript"></script>
        <script src="js/sjc.js" type="text/javascript"></script>       
        <script type="text/javascript">
                $(document).ready(function () {
                    $('.map-btn').click(function(){
                        $('#myModal').show();
                        var mapx=$(this).attr('data-to');
                        var mapy=$(this).attr('data-po');
                         $(".gmap3").gmap3({
                         map:{
                         options:{
                         center: [mapx,mapy],
                                 zoom: 15
                         }
                         }, marker: {
                         latLng:[mapx,mapy]
                         }
                         });
                         });
                 });
    </script>
    </body>
</html>
